let imgUrl;
$(function () {
    layui.use(['form', 'layer','jquery','laydate','upload'],
        function() {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer;
            let laydate = layui.laydate;
            let upload = layui.upload;
            laydate.render({
                elem: '#time', //指定元素
                type: 'datetime',
                trigger:'click'
            });

            //常规使用 - 普通图片上传
            var uploadInst = upload.render({
                elem: '#test1'
                , url: '/upload' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
                , before: function (obj) {
                    //预读本地文件示例，不支持ie8
                    obj.preview(function (index, file, result) {
                        $('#image').attr('src', result); //图片链接（base64）
                    });
                }
                , done: function (res) {
                    // console.log(res)
                    $("#img").val(res.data.src);
                    imgUrl = res.data.src;
                    //如果上传失败
                    if (res.code > 0) {
                        return layer.msg('上传失败');
                    }

                }

            });


            getNewsType();

            function getNewsType(){
                $.ajax({
                    url: '/back/FindAllNewsType',
                    data: {enable:1},
                    type: 'get',
                    dataType: 'json',
                    success: function (res) {
                        console.log(res);
                        setNewsTypeData(res.data)
                    }
                })
            }
            //将获取到的新闻类型名赋值给前端表单
            function setNewsTypeData(data){
                let str = '';
                // 得到是一个数组，要进行循环取值
                for (let i=0;i<data.length;i++){
                    str +='<option value="'+data[i].id+'">'+data[i].newType+'</option>'
                }
                //append 往后面添加
                $("#newsId").append(str);

                // 重写渲染表单
                form.render();
                // 根据id从数据库中查询数据 赋值给前端表单
                let newId = sessionStorage.getItem("newId")
                finNewsById(newId);
            }
            function finNewsById(id){
                $.ajax({
                url:'/back/FindNewsById',
                data:{id:id},
                type: 'get',
                dataType: 'json',
                success: function (res) {
                    //赋值
                    console.log(res);
                    imgUrl=res.data.img;//得到通过id从数据库中查询得到的图片地址
                    setData(res.data);
                }
            })
            }
            function setData(data){
                $("#newsId").val(data.newsId);
                $("#title").val(data.title)
                $("#image").attr("src",data.img);
                $("#content").val(data.content);
                $("#remark").val(data.remark);
                $("#id").val(data.id);
                $("input[type=radio][name=enable][value=" + data.enable + "]").attr("checked", "checked");
                form.render();
            }


            form.on('submit(update)',
                function(data) {
                    data = data.field;
                    // console.log(data);
                    data.img = imgUrl;
                    //根据id修改
                    data.id = sessionStorage.getItem("newId")//修改servlet里没有传id，需获取从user-list.js传过来的id
                    $.ajax({
                        url:'/back/UpdateNews',
                        data:data,
                        type:'post',
                        dataType:'json',
                        success: function (res) {
                            if (res.count>0){
                                //发异步，把数据提交给java
                                layer.alert(res.msg, {
                                        icon: 6
                                    },
                                    function() {
                                        //关闭当前frame
                                        xadmin.close();

                                        // 可以对父窗口进行刷新
                                        xadmin.father_reload();
                                    });
                            }else {
                                layer.alert(res.msg)
                            }
                        }
                    })
                    return false;
                });

        });
})